﻿body{font-family: 'Open Sans' , sans-serif;font-size: 12px;}
.WatermarkExtender{color:#999999; font-size:12px;}
.DivMainBody{margin-top:85px;height: auto;width: auto;}
#DivContent{width: 960px; margin:5px auto 0 auto; background-color: #eee;font-family: 'Open Sans' , sans-serif;font-size: 12px; position:relative;}
#Available ul li{background: url('../Images/MainFooter/bullet.png') no-repeat 3px 13px;color: #a4a4a4;font-size: 12px;padding: 4px 16px;}
#DivContactMainBody{width: auto;height: auto;padding: 5px;}
#DivContactDetails{width: 241px;height: 297px;float: left;margin-left: 15px;}
#DivContactUserControl{height: auto;width: auto; margin-top: 15px;}
#DivComment{width: 889px;margin-top: 0px;}
#CopyRight{width: 533px;height: 60px;float: left;}
#SocialLinks{float: left;}
#HomePageContext{width: auto;margin-top: 40px;height: 320px;}
#Topics{width: 305px;float: left;margin-left: 12px;background-color: #FFF;}
#AvailableResourecs{width: 305px;float: left;background-color: #FFF;margin-left: 9px;}
#JoinOurCommunitty{width: 305px;float: left;background-color: #FFF;margin-left: 9px;}

/*---------------------------------------Start Registration Css---------------------------*/
.UserProfileImage{width:113px;height:118px; border:1px solid #ccc; background-color:#fff; border-radius:8px;box-shadow: 0 0 8px 5px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.6);-o-box-shadow:0 0 8px 5px rgba(0,0,0,0.6);}

/*----------------------------------------Css for button------------------------------*/
.CSSButton{border:1px solid #87A020;border-radius:12px;background:#87A020;color:#FFF;font-size:12px;font-family: 'Open Sans' , sans-serif;cursor:pointer;width:85px;height:23px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.CSSButton:hover{background:#AEC946;font-size:14px; color:#fff;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.CSSbutton{border:1px solid #87A020;border-radius:12px;background:#87A020;color:#FFF;font-size:12px;font-family: 'Open Sans' , sans-serif;cursor:pointer;width:auto;height:23px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.CSSbutton:hover{background:#AEC946;font-size:13px;color:#fff;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.footerButton{border:1px solid #87A020;color:#FFF;font-size:12px; width:75px; Height:34px; border-radius:20px;background:#AEC946;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.footerButton:hover{background:#AEC946; font-size:14px; color:#FFF;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.ImageButton1{background-image: url('../Images/DownLoadButton.jpg');width:200px;height:42px;cursor: pointer;border-radius: 8px; margin-left: 33px;border:1px solid #C6C6C6;color:#87A020;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}
.ImageButton1:hover{background-image: url('../Images/DownLoadButton1.jpg');background-repeat: no-repeat;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;  transition:all 1s ease;}


/*----------------------------------------Text hover:Overlay css------------------------------*/
DIV.texthover{width:100%;display:block;position:relative;text-align: center!important;}DIV.texthover .overlay{position:absolute;top:45%;width:0;width:100%;height:50%;padding:10px;background-color:rgba(0, 0, 0, 0.3);display:none;}DIV.texthover:hover .overlay{display:block;}
/*----------------------------------------End Text hover:Overlay css------------------------------*/


#ReadAvailableResource{width: auto;height: 322px;padding: 10px;font-family: 'Open Sans' , sans-serif;font-size: 14px;}
#ReadMoreTopics{height: 340px;padding: 10px;font-family: 'Open Sans' , sans-serif;font-size: 14px;}
#ReadJoinOurCommunity{height: 351px;padding: 10px;font-family: 'Open Sans' , sans-serif;font-size: 12px;width: auto;}
#CommunittyContent{float: left;width: 461px;text-align: justify;}
#ResourceDescription{width: auto;height: 73px;}
#AboutResource{width: auto;height: 113px;
}
#CodingStandardDescription{width: auto;height: 73px;}
#AboutCodingStandards{width: auto;height: 112px;
}
#TechnicalPaperDescription{width: auto;height: 73px;}
#AboutTechnicalPapers{width: auto;height: 120px;
}


/*-----------------------------------------------------PopupLogin---------------------------------------*/
.modalBackground{background-color:#808080;filter: alpha(opacity=100);opacity: 0.9;}
.modalPopup{background-color:#F2F2F2;font-size:14px;color:#000;padding-left:10px;border: solid 1px #eee;border-radius: 5px;box-shadow: 0 0 0.5px rgba(31, 73, 125, 0.8);border:1px solid #333333;padding-bottom: 10px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease; transition:all 1s ease;}
#btnRemove{width:20px;height:20px;margin-right:8px;background:#990000;color:#FFFFFF;cursor:pointer;text-align:center;font-weight:900;outline:none;float:right;border:2px solid #990000;border-radius:100px;box-shadow: 0 0 8px rgba(31, 73, 125, 0.9);}
.DivPopupContent{width:auto;max-width:755px;min-height:35px;max-height:150px;overflow: auto;padding:2px 7px;background:#FFFFFF;color:#000000;border-radius:5px;margin-right:5px;}
.PopUpLargeContentTextBox{min-width:400px;max-width:755px; min-height: 30px; max-height: 300px; overflow: auto; padding: 2px 7px; background: #FFFFFF; color: #000000; border-radius: 2px;margin-right:5px;}
.TDCss{text-align:right;padding-left:20px;}
.PopupHeaderStyle{height:35px; background:#808080;color:#FFFFFF;border-radius:3px 3px 0 0px}
/*------------------------------------------------End Popup------------------------------------------*/

/*------------------------------------------------About Us------------------------------------------*/
.AboutUs{width: auto;height:620px;}
#TeamImage{width: auto;}
#MainContent{width: auto;}
#IndivualImage{float:left; width:300px;height:375px; padding:3px; }
/*------------------------------------------------End of About Us------------------------------------------*/
#SliderImg{width:960px;height:300px;background-image: url('../Images/SliderShows/sliderImg2.png');}


/*---------------------------------------------Blog Style ------------------------------------------------*/
#DivBlogContent{width: 960px;margin: auto;background-color:transparent;padding-top: 0px;font-family: 'Open Sans' , sans-serif;font-size: 12px;}
.Blog-Menu1
{
    background-color: #F7942F;
    width: 187px;
    height: 205px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background: no-repeat;
    border: 1px solid #eee;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/BlogManagement1.jpg');
}
.Blog-Menu1:hover
{
    font-size: 18px;
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/BlogManagement2.jpg');
}
.Blog-Menu2
{
    background-position: center center;
    background: no-repeat;
    width: 280px;
    height: 135px;
    cursor: pointer;
    border: 1px solid #eee;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/Content Management1.jpg');
    background-color: #87A020;
}
.Blog-Menu2:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/Content Management2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu3
{
    background-position: center center;
    width: 280px;
    height: 135px;
    cursor: pointer;
    border: 1px solid #eee;
    background: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/User management1.jpg');
    background-color: #336799;
}
.Blog-Menu3:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/User management2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu4
{
    width: 187px;
    height: 205px;
    cursor: pointer;
    border: 1px solid #eee;
    background: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/SubcriptionList1.jpg');
    background-color: #99CC33;
}
.Blog-Menu4:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/SubcriptionList2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu5
{
    background-position: center center;
    width: 280px;
    height: 135px;
    cursor: pointer;
    border: 1px solid #eee;
    background: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/MembersList1.jpg');
    background-color: #333333;
}
.Blog-Menu5:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/MembersList2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu6
{
    background-position: center center;
    width: 280px;
    height: 135px;
    cursor: pointer;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/Contact List1.jpg');
    background-color: #FF9934;
}
.Blog-Menu6:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/Contact List2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu7
{
    background-position: center center;
    width: 187px;
    height: 205px;
    cursor: pointer;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/SystemErrorLog.jpg');
    background-color: #333333;
}
.Blog-Menu7:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/SystemErrorLog2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu8
{
    width: 187px;
    height: 205px;
    cursor: pointer;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/SystemSessionLog1.jpg');
    background-color: #336799;
}
.Blog-Menu8:hover
{
    background-position: center center;
    background-image: url('../Images/AdminPageButtons/SystemSessionLog2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.Blog-Menu9
{
    width: 564px;
    height: 130px;
    margin-top: -5px;
    cursor: pointer;
    border: 1px solid #eee;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/AdminPageButtons/FeedbackList1.jpg');
    background-repeat: no-repeat;
    background-color: #87A020;
}
.Blog-Menu9:hover
{
    background-image: url('../Images/AdminPageButtons/FeedbackList2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}



/*-----------------------------------------------DownloadableContents----------------------------------------------*/
.DownloadableContents{width:950px;margin:0px auto 0px auto; height:auto; padding:5px; position:relative;}
/*-----------------------------Hover for hyperlink in gridviw-----------------*/
.lnkContentName{color:#3B67B2; font-size:18px; text-decoration:inherit;margin-top:13px; padding-left:5px; cursor:pointer;}.lnkContentName:hover{text-decoration: underline;color:#3B67B2;}
.LinkButton{color:#3B67B2; text-decoration:underline;font-family: 'Open Sans' , sans-serif;font-size: 13px; outline:none;}.LinkButton:hover{color: #3B67B2;text-decoration: underline;font-family: 'Open Sans' , sans-serif;font-size: 14px;}
.DownloadButton{ background:#869d1a; background-position: center;width: 200px;height: 40px; cursor:pointer; border: 1px solid #555;border-radius: 8px;color: #AEC946;background-image: url('../Images/DownLoadButton.jpg');background-repeat: no-repeat;}
.DownloadButton:hover{background-position: center;width: 200px;height: 40px; cursor:pointer; border: 1px solid #555;border-radius: 8px;color: #AEC946;background-image: url('../Images/DownLoadButton1.jpg');background-repeat: no-repeat;}
.UploadButton{width:200px;height:40px;cursor:pointer; border:1px solid #555;border-radius:8px;background-image: url('../Images/Upload_btn1.png');background-repeat: no-repeat;background-position: center;color:#87A020;}
.UploadButton:hover{width: 200px;height: 40px;cursor:pointer; border: 1px solid #555;border-radius: 8px;background-image: url('../Images/Upload_btn2.png');background-repeat: no-repeat;background-position: center;color: #AEC946;}

/*---------------------------------------BlogListSummery--------------------------------*/
.Summery{margin:0 auto 0 auto;width:960px;}
.UserImage{width:60px;height:75px;box-shadow: -7px 7px 5px rgba(0,0,0,0.6); -moz-box-shadow: -7px 7px 5px rgba(0,0,0,0.6); -webkit-box-shadow: -7px 7px 5px rgba(0,0,0,0.6); -o-box-shadow: -7px 7px 5px rgba(0,0,0,0.6);}
.UserImage1{margin-bottom:5px;box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8); -moz-box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8); -webkit-box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8); -o-box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8);
}
.UserImage1:hover{width:50px;height:45px;box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8); -moz-box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8); -webkit-box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8); -o-box-shadow: -7px 7px 5px rgba(31, 73, 125, 0.8);}
.Underline{border-bottom: 2px dotted #555; text-align:left; height: 35px;}

.CreateNewContent
{
    background-position: center center;
    background: #87A020;
    color: #87A020;
    width: 200px;
    height: 100px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #555;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-image: url('../Images/CreateNewContent1.jpg');
    background-repeat: no-repeat;
}
.CreateNewContent:hover
{
    background-position: center center;
    background-image: url('../Images/CreateNewContent2.jpg');
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


/*-----------------------------------CssDivArrow-------------------------------*/
.arrow_box 
{
    border-radius:3px 8px 8px 8px;
    background: #fff;
	border: 1px solid #3B67B2;
    min-width:680px;
    max-width:680px;
    min-height:50px;
    max-height:600px;
    margin :8px 0 5px 10px;
    padding-left:5px;
	position: relative;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 20px;
	border: 1px solid transparent;
	content: " ";
	height: 0;
	width: 0px;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #3B67B2;
	border-width: 16px;
	margin-top: -16px;
}

/*---------------------------------------Css MembersCommunicationList -------------------------------*/
.CssTabel{text-align:left; padding:10px; min-width:100px; max-width:25px;}


/*------------------------------------------UserSummeryControl---------------------------------------*/

.ImageType{width:50px;height:50px;border:1px solid #555;border-radius:8px; border:1px solid;}
.gridHeaderStyle{ text-align:left; border-right:none; -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;}
    
 